<template>
  <div class="title">
    <div class="title-left"></div>
    <span>
      <slot></slot>
    </span>
    <div class="title-right"></div>
  </div>
</template>

<style lang="less" scoped>
@import "../class.less";
.title {
  height: 0.3rem;
  .x1;
  .aic;
  span {
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.18rem;
    font-weight: 500;
    text-align: center;
    color: #e0d2b2;
    padding: 0 0.1rem;
  }
  &-left {
    width: 0.45rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(249, 232, 192, 0), #f9e8c0 100%);
  }
  &-right {
    width: 0.45rem;
    height: 1px;
    background: linear-gradient(-90deg, rgba(249, 232, 192, 0), #f9e8c0 100%);
  }
}
</style>
